<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <link rel="Bookmark" href="imgs/bai.ico"/>
    <link rel="Shortcut Icon" href="imgs/bai.ico"/>
    <link rel="stylesheet" type="text/css" href="css/view.css"/>
    <title>动物疫病智检系统</title>
    <style type="text/css">
        #body { padding-top: 40px; width: 100%; height: 100%; text-align: center; background: rgb(248,2448,248); }
        #crumb { margin: 0 auto; width: 1000px; color: #555; font-size: 25px; text-align: left; }
        /*#wdbody { margin: 0 auto; padding: 10px 0; width: 1000px; height: 450px; background: #fefefe; }*/
        #wdbody { margin: 0 auto; padding: 10px 0; width: 1000px; height: 450px; text-align: left; overflow-y: auto; }
        .wd_ai, .wd_user { margin: 10px 0; padding: 10px; width: 100%; }
        .aileft, .uleft { width: 50px; vertical-align: top; }
        .aileft img, .uleft img { width: 50px; }
        .airig, .urig { width: 500px; }
        .airig div, .urig div { padding: 10px; max-width: 500px; background: #fff; box-shadow: 0 0 5px #eee; border-radius: 10px; text-align: left; color: #888; font-weight: normal; font-size: 14px; }
        .urig div { float: right; }
        #queOut { margin: 10px auto; width: 1000px; }
        #queOut input { padding: 10px 20px; width: 800px; border: 1px solid #1bcf6a; border-radius: 10px;  }
        #queOut a { padding: 10px 30px; background: #1bcf6a; text-decoration: none; border-radius: 10px; color: #eee; }
        #queOut a:hover { color: #fff; }
    </style>
</head>
<body>
<!--顶部-->
<div id="header"></div>

<!--主体-->
<div id="body">
    <div id="crumb">
        →智能导诊 - 接入AI - 获取智能解答
    </div>
    <div id="wdbody">
        <table class="wd_ai"><tr>
            <td class="aileft"><img src="imgs/ai_head.png"></td>
            <td class="airig"><div>欢迎接入导诊解答，有什么需要想知道的，可以详细描述下你想要了解的
                问题，我会尽力为您解答的！</div></td>
            </tr></table>
        <!--<table class="wd_user"><tr>-->
            <!--<td class="urig"><div>欢迎接入导诊解答，有什么需要想知道的，可以详细描述下你想要了解的-->
                <!--问题，我会尽力为您解答的！</div></td>-->
            <!--<td class="uleft"><img src="imgs/user_head.png"></td>-->
            <!--</tr></table>-->
    </div>
    <div id="queOut">
        <input type="text" id="que" placeholder="请输入要咨询的内容"/>
        <a href="javascript:;" onclick="send();">发送</a>
    </div>
</div>

<!--自定义弹窗-->
<span id="msgPop"></span>
</body>
</html>


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/view.js"></script>
<script type="text/javascript" src="js/wenda.js"></script>
<script type="text/javascript">
    var cw = document.documentElement.clientWidth;
    var ch = document.documentElement.clientHeight;
    (function () {
        $('#body').height(ch - 100);
    })();
</script>